@import "base/base";
/*"我的学生板块样式"*/
div.myStu{
    >div{
        margin-top: 20px;
    }
.leftTabTitle{background-color: #E8E8E8;margin-left: -40px;margin-top: 81px;}
.leftTabTitle ul{list-style: none;margin: 0px;padding: 0px;}
.classItem{writing-mode: bt-lr;font-size:0.9em;padding: 5px;padding-left:10px;width: 40px;-webkit-writing-mode: vertical-lr;border-bottom: solid 1px lightgrey;cursor: pointer;}
.classItem:hover{border-left: solid 5px orange;padding-left:5px;}
.liActive{background-color: white;border-left: solid 5px orange;padding-left:5px;}

.leftTop{
    border-bottom: 2px #868686 dotted;
}
h4.title{
    padding: 10px;
    padding-top: 0;
    display: inline;
    color: #7F7F7F;
    font-size: 1.15em;
    height: 40px;
    line-height: 40px;
    margin-bottom: 5px;
    span.studentNum{
        color: #FF9502;
    }
    span.studentUnit{
        font-size: 0.8em;
    }
}
.leftContent{background-color: white;padding: 10px;width: 100%;}

.searchInp{
    margin-top:8px;
    display: inline-block;
    font-size: 0.9em;
    background: url(../img/search-icon.png) no-repeat 5px;
    text-indent: 35px;
    border-radius: 5px;
    border: solid 1px lightslategray;
    outline: none;
    width: 150px;
    float: right;
    background-color: white;
}

.leftMain{border: solid 1px lightgrey;max-height: 600px;overflow-y: auto;min-height: 400px;margin-top: 20px;}
.stuList ul{margin: 0px;padding: 0px;list-style: none;}
.stuItem{
    padding-bottom: 10px;padding-top: 10px;
    a{
        display: none;
        padding-left: 30px;
    }
    }
.stuItem:hover{
    background-color: lightgrey;cursor: pointer;
    a{
        display: inline;
    }
}
.stuPhotoImg{width: 60px;height: 60px;margin-right: 30px;margin-left: 10px;}

.genderImg{width: 20px;height: 20px;margin-left: 30px;}

.iconRight{margin-top: 220px;}
.btnAddGroup{
    background-color: white;
    height:50px;outline: none;
    border: solid 1px lightgray;
    width: 100%;
    text-align: left;
    margin-top: 10px;
    padding-left: 20px;
    font-size: 0.95em;
    i{
        color: #888;
    }
    }

.groupItem{background-color: white;}
.groupTitle{
    border-bottom: 1px lightgray solid;
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
    i{
        padding-left: 10px;
    }
    span.groupName{
        font-size: 0.95em;
        padding-left: 20px;
    }
    .btnGroup a{
        display: none;
        text-decoration: none;
        color: black;
        font-size: 0.9em;
        padding-right: 15px;
    }
    
    &:hover{
        border-left: 8px #FFA017 solid;
        i{
            padding-left: 2px;
            @include transform(rotate(0deg));
            @include transition(transform 0.2s);
        }
        .btnGroup a{
            display: inline;
        }
    }
    &.active{
        background-color: #FFA017;
        border-left: 8px #FFA017 solid;
        i{
            padding-left: 2px;
            @include transform(rotate(90deg));
            @include transition(transform 0.2s);
        }
        span.groupName{
            color: white;
        }
    }
}

}


